<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- saved from url=(0054)http://www.progs4u.net/vb/example/@font-face-css3.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>@font-face CSS3 - Progs4u.Net</title>
<style type="text/css">
body{background:#eee;margin:50px auto;}a{;text-decoration:none;color:#154c8b}a:hover{color:#333;}
.bg, .bg2, .bg3{background:#fff;width:600px;height:80px;margin:10px auto;border:1px solid #ddd;padding:10px;
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.bg2{height:280px;}.bg3{height:200px;}
@font-face {font-family: ahmed;src: url('ahmed.eot');src: local('☺'), url('fonts/gess.ttf') format("truetype");}
h1 {font-family: ahmed ;text-align:center;font-style:normal;font-weight:normal;color:#8b1515; font-size:16px;}
@font-face {font-family: ahmed2;src: url('ahmed.eot');src: local('☺'), url('fonts/Shorooq.ttf') format("truetype");}
h2 {text-align:center;font-family: ahmed2, tahoma;font-style:normal;font-weight:normal;color:#154c8b;}
h3 {text-align:left;font-family: ahmed2, tahoma;font-style:normal;font-weight:normal;color:#000;font-size:12pt;}
</style>
</head>
<body>
<div class="bg"><h2>مرحبا بك فى معهد  برامج فور يو</h2></div>
<div class="bg2">
<h1>أهلا وسهلا بك ضيفنا الكريم ، معهد برامج فور يو تهتم بـ دروس الأنظمة التشغيل وحلول مشاكلها - دروس تصميم المواقع وتطويرها 
- دروس تصميم للفوتوشوب - دورات تعليمية مجانية واستفساراتها - دروس المختلفة - طلبات وحلول المشاكل للأعضاء - مواضيع هادفة وعامة</h1>
</div>
<div class="bg3">
<h2 style="font-size:16pt;text-align:right;direction:rtl;">كود الخط :</h2>
<h3>
@font-face { <br>
&nbsp;&nbsp;&nbsp;font-family: ahmed;<br>
&nbsp;&nbsp;&nbsp;src: url('ahmed.eot');<br>
&nbsp;&nbsp;&nbsp;src: local('☺'), url('font/hacenegypt.otf') format("truetype");<br>
}	
</h3>
</div>
<div class="bg"><h2><a href="http://www.progs4u.net/">الذهاب إلى معهد  برامج فور يو</a></h2></div>



</body></html>